infoGo to Tips Page
messageTech Support
  • Prepare for InterviewPrepare for Interview
  • AcknowledgementsAcknowledgements
  • Test hardwareTest hardware
  • What to ExpectWhat to Expect
  • Start InterviewStart Interview
  • Video QuestionVideo Question
  • Video QuestionVideo Question
  • Video QuestionVideo Question
  • Front-end QuestionFront-end Question
  • Workspace QuestionWorkspace Question
  • AvailabilityAvailability
  • Preview & SubmitPreview & Submit
  • Finish InterviewFinish Interview
Powered by

Question 4/5

"Build a Todo List"

Your solution will be scored against a series of unit test cases.


Build a todo list app that looks like the below screenshot.


The todo list app should be functional. For example, it should allow users to add a new item, delete an existing item.


Requirements:

  1. Empty todos are not allowed.
  2. Clean the input after a todo is added.
  3. Add a todo by pressing "enter" in the input.
  4. Add a todo by clicking the + button.
  5. Show a delete button when hovering over each todo item.
  6. Clicking delete button should remove a specific todo.
  7. Use the following class names for your components (important):
  8. Todo list: "todo-list"
  9. Todo items: "todo"
  10. Add button: "add-todo"
  11. Delete button: "remove-todo"


This file is required to complete the challenge. It can be modified, but not renamed, deleted or moved
Console
3
The screen capture will appear in this box.